<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="manage" />
<title>Sharing</title>
</head>
<body>
	<div class="wrapper-manage">
		<div id="spinner" class="hidden"></div>
		<!-- left panel -->
		<g:render template="/manage/managePartial/leftPanelPartial"></g:render>
		<!-- End left panel -->
		<!-- Right panel -->
		<div class="rightpanel">
			<!-- End render partial -->
			<div class="tableSharingDiv">
				<h2>&nbsp;&nbsp; Sharing folder Information</h2>
				<table id="dataTableSharing" class="table table-striped" cellspacing="0">
					<thead>
						<tr>
							<th>Name</th>
							<th>Owner's name</th>
							<th>Owner's email</th>
						</tr>
					</thead>

					<tbody>
						<g:each var="sharingInformation" in="${listShareInformation}" status="i">
							<tr>
								<td><a href="/manage/index?path=${sharingInformation.folderName}"><asset:image src="iconManage/Share_Folder.png" />&nbsp;&nbsp;<span>${sharingInformation.folderName}</span></a></td>
								<td>${sharingInformation.ownerName}</td>
								<td>${sharingInformation.ownerEmail}</td>
							</tr>
						</g:each>
					</tbody>
				</table>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>
	<asset:javascript src="lib/jquery.dataTables.js" />
	<asset:javascript src="lib/dataTables.responsive.js" />
	<asset:javascript src="lib/dataTables.bootstrap.js" />
	<asset:javascript src="js/document/sharingManagement.js"/>
</body>
</html>